@keyframes leftin {
    from{transform:translateX(-100%)}
    to{transform:translateX(0)}
}
@keyframes rightin {
    from{transform:translateX(100%)}
    to{transform:translateX(0)}
}
@keyframes longer {
    from{width:15%}
    to{width:40%}
}
@keyframes shorter {
    from{width:40%}
    to{width:15%}
}
#gameInt ul.gameTab{
    width:100%;
    height:60px;
    overflow: hidden;
}
#gameInt ul.gameTab li{
    float: left;
    display: flex;
    width:15%;
    align-items: center;
    overflow: hidden;
}
#gameInt ul.gameTab li.on{
    width:40%;
    animation:longer 0.5s linear;
}
#gameInt ul.gameTab li.shorter{
    width:15%;
    animation:shorter 0.5s linear;
}
#gameInt ul.gameTab li img{
    width:40px;
    padding:10px;
}
#gameInt ul.gameTab li span{
    height:60px;
    line-height: 60px;
}
br{clear:both;}
#gameInt div.show {
    position: relative;
    overflow: hidden;
}
#gameInt ul.gamePic{
    position: relative;
    width:500%;
}
#gameInt ul.gamePic li{
    float: left;
    width: 20%;
    display: none;
}
#gameInt ul.gamePic li.active{
    display: block;
}
#gameInt div.show .gmaeBtn{
    position: absolute;
    height:30%;
    width:100%;
    top:50%;
    transform:translateY(-50%);
}
#gameInt div.show .gmaeBtn span{
    padding-top:5%;
    padding-bottom: 5%;
    padding-left:1%;
    padding-right:1%;
    line-height: 100%;
    text-align: center;
    color:white;
    background-color: red;
    cursor: pointer;
    user-select: none;
    transition: all 0.5s;
}
#gameInt div.show .gmaeBtn span.fl{
    position: relative;
    transform:translateX(-100%);
    float: left;
}
#gameInt div.show .gmaeBtn span.fr{
    position: relative;
    transform:translateX(100%);
    float: right;
}
#gameInt div.show:hover .gmaeBtn span.fl{
    /*animation:leftin 0.5s linear ;*/
    transform:translateX(0);
}
#gameInt div.show:hover .gmaeBtn span.fr{
    /*animation:rightin 0.5s linear ;*/
    transform:translateX(0);
}
#gameInt div.show:hover .gmaeBtn span.fl:hover,#gameInt div.show:hover .gmaeBtn span.fr:hover{
    opacity: 0.9;
}